<template>
	<view class="bg-white">
	  <view class="flex padding" v-for="item in user">
	    <view class="padding-lr-xs">
	      <view class="cu-avatar lg round" style="background-image:url(static/avatar.jpg); "></view>
	    </view>
	    <view class="padding-xs text-xl text-black">
	      <view>{{item.username}}</view>
	      <view class="cu-tag round line-red sm">lv.99</view>
	    </view>
		<view style="position: relative; left: 55%; display: flex; justify-content: center; align-items: center;">
		  <view style="border: 1px solid; border-radius: 5px; padding: 2px 3px;">{{action}}</view>
		</view>
	  </view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	
	const user = ref([{
		id:111,
		username:"1"
	},
	{
		id:222,
		username:"2"
	}])
	
	const action = ref("回关")

</script>

<style>
</style>